<template>
    <div class="Child">
        <h1>{{title}}</h1>
        <slot>
            <!-- 默认效果 -->
            <ul>
                <li v-for="g in game">{{ g.gameName }}</li>
            </ul>
        </slot>
    </div>
    </template>
    
    <script lang="ts">
    export default {
    name:'Child'
    }
    </script>
    
    <script setup lang="ts">
    defineProps(['game','title'])

    </script>
    
    <style lang="css">
    .Child{
        margin: 20px;
        height: 200px;
        width: 200px;
        background-color:bisque;
    }
    .Child h1{
        background-color:blue;
        color: aliceblue;
        text-align: center;
        font-weight: 100;
    }
    </style>